<template>
  <li class="dropdown-option"
      :class="{'is-disabled':disabled}"
  >
    <slot></slot>
  </li>
</template>
<script  lang="ts">


import {defineComponent, ref} from "vue";

export default defineComponent({
  name: 'DropdownItem',
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  },
  setup(props){
    const isOpen  = ref(false)

    let toggleOpen = () =>{
      isOpen.value = !isOpen.value
    }
    return{
      isOpen,
      toggleOpen
    }
  }
})
</script>
